<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>系统警告</title>
<c:set var="baseURL" value="http://${header.host}${pageContext.request.contextPath}" scope="request" /> <%-- 全路径--%>
<style type="text/css">
.eContent{margin: 0 auto;width: 710px;height: 410px;position: relative;top: 200px;}
.eContent .icon{display: inline-block;background: url(images/imgs.png) no-repeat;}
.eContent a:hover{ color: #2684ce !important; }
.eContent .top>h3{font-weight: normal;padding-left: 230px;font-size: 20px;}
.eContent .top .bg-blue{background-color: #67afea;color: #fff;position: relative;height: 45px;line-height: 45px;font-size: 14px;}
.eContent .top .icon.error2{height: 116px;width: 129px;background-position: -0px -0px;position: absolute;bottom: 5px;left: 30px;}
.eContent .top .bg-blue>span{padding-left: 230px;}
.eContent .center{padding: 20px 5px 0 5px;}
.eContent .head>span,
.eContent .bottom .head>a{font-size: 14px;color: #333;}
.eContent .center .head>a{float: right;font-size: 12px;color: #666;}
.eContent .center ul{list-style: none;height: 121px;padding: 50px 0;}
.eContent .center ul li{display: inline-block;float: left;width: 20%;text-align: center;font-size: 12px;color: #666;}
.eContent .center ul .icon.google{height: 79px;width: 77px;background-position: -271px -0px;}
.eContent .center ul .icon.opera{height: 79px;width: 70px;background-position: -201px -0px;	}
.eContent .center ul .icon.firefox{height: 79px;width: 79px;background-position: -348px -0px;}
.eContent .center ul .icon.safari{height: 80px;width: 72px;background-position: -129px -0px;}
.eContent .center ul .icon.ie{height: 77px;width: 78px;background-position: -427px -0px;}
.eContent .bottom{clear: both;border-top: 1px solid #e7e4f0;padding: 20px 5px 0 5px;}
.eContent .bottom .head .fr{ float: right; }
.eContent .bottom .head>a{ cursor: pointer; }
.eContent .bottom .head .icon.arrow-rt{height: 14px;width: 8px;background-position: -505px -0px;margin-right: 8px;margin-bottom: -2px;}
.eContent .bottom .btn-wrap{text-align: right;margin-top: 10px;}
.eContent .ebtn{height: 30px;line-height: 15px;padding: 0 15px;font-size: 14px;color: #fff;letter-spacing: 2px;margin-top: 10px;border: 1px solid #2374b4;border-radius: 2px;background: #2684ce;cursor: pointer;}
.eContent .icon.e-arrow-lt{width: 14px;height: 14px;background-position: -527px -0px;margin-right: 8px;margin-bottom: -2px;}
</style>
</head>
<body>
	<div class="eContent">
		<div class="top">
			<h3>噢，您正在使用的浏览器无法完全支持我们的页面？</h3>
			<div class="bg-blue">
				<i class="icon error2"></i>
				<span>很抱歉，由于采用了HTML5，当前浏览器无法完美呈现该页面</span>
			</div>
		</div>
		
		<div class="center">
			<div class="head">
				<span>建议您使用以下浏览器的最新版本</span>
				<a href="">如果您还不知道什么是HTML5，请看维基百科</a>
			</div>
			<ul>
				<li><div class="icon google"></div><p>Chrome浏览器</p></li>
				<li><div class="icon opera"></div><p>Opera浏览器</p></li>
				<li><div class="icon firefox"></div><p>火狐浏览器</p></li>
				<li><div class="icon safari"></div><p>Safari浏览器</p></li>
				<li><div class="icon ie"></div><p>IE浏览器9+</p></li>
			</ul>
		</div>
		<div class="bottom">
			<div class="head">
				<!-- <a><i class="icon arrow-rt"></i>知道了，但还是请打开页面</a> -->
				<a class="fr"><i class="icon arrow-rt"></i>如果是360浏览器，请切换至极速模式</a>
			</div>
			<%-- <div class="btn-wrap"><button class="ebtn ebtn-blue" onclick="javascript:window.location.href='${baseURL}'"><i class="icon e-arrow-lt"></i>返回登录</button></div> --%>
		</div>
	</div>

<script src="${baseURL}/js/jquerys/jquery-1.12.1.min.js" type="text/javascript"></script>		

</body>
</html>
